// din字体的引入
@font-face{
	font-family: pingfang;
	src: url('../fonts/PingFang Medium.ttf');
}
@font-face{
	font-family: Din;
	src: url('../fonts/DIN Medium.ttf');
}
.uni-page-head-btn{
	text-align: center;
}
// 按钮的公共样式，使用混合器
@mixin buttonStyle {
	padding: 0upx 20upx;
	height: 50upx;
	line-height: 50upx;
	border-radius: 25upx;
	text-align: center;
}
// 底边框
@mixin borderBottom {
	border-bottom: 2upx solid #fff;
}

// 蒙版
.mask{
	width: 100vw;
	height: 100vh;
	background: rgba(#fff,0);
	position: absolute;
	top: 0upx;
	left: 0upx;
	z-index: 3;
}

// 公共按钮样式
.button1{
	@include buttonStyle;
	background-color: #fff;
	color: $bg02;
	font-size: 36upx;
	display: inline-block;
}
.button2{
	@include buttonStyle;
	background-color: $bg02;
	color: #fff;
	font-size: 32upx;
}
.button3{
	padding: 0upx 20upx;
	height: 60upx;
	// line-height: 60upx;
	border-radius: 10upx;
	border: 2upx solid $bg02;
	text-align: center;
	background-color: #fff;
	color: $bg02;
	font-size: 32upx;
}
.button4{
	padding: 0upx 10upx;
	height: 30upx;
	line-height: 30upx;
	border-radius: 10upx;
	text-align: center;
	background-color: $bg02;
	color: #fff;
	font-size: 20upx;
}
.button5{
	padding: 0upx 20upx;
	height: 60upx;
	line-height: 60upx;
	border-radius: 10upx;
	border: 2upx solid $color9;
	text-align: center;
	background-color: #fff;
	color: $color9;
	font-size: 32upx;
}
.font20{
	font-size: 20upx;
}
.font22{
	font-size: 22upx;
}
.font24{
	font-size: 24upx;
}
.font26{
	font-size: 26upx;
}
.font28{
	font-size: 28upx;
}
.font30{
	font-size: 30upx;
}
.font32{
	font-size: 32upx;
}
.font34{
	font-size: 34upx;
}
.font36{
	font-size: 36upx;
}
.font40{
	font-size: 40upx;
}
.margintop150{
	margin-top: 150upx;
}
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	
}
image{
	vertical-align: middle;
	will-change: transform;
}
body{
	font-family: pingfang;
}
button{
	&:after{
		border: none;
	}
}
// 主界面的背景颜色
	
// uni-page{
// 	background-color: $bg01;
// }
// app 高度不能设定为calc
// 需要确定块的高度的时候，要在当前界面样式中添加
// page{
// 	height: 100%;
// }
page{
	background-color: $bg01;
	min-height: 100%;
	height: 100%;
}
uni-page{
	background-color: $bg01;
	min-height: 100%;
	height: 100%;
}

.tab-active{
	color: #4CD964;
}
.abc{
		height: 200upx;
		width: 100%;
	}

.scroll-v{
	height: 100%;
}
.my-store{
	position: fixed;
	bottom: 12upx;
	left: 328upx;
	z-index: 999;
	image{
		width: 96upx;
		height: 96upx;
	}
}
/* #ifdef APP-PLUS */
.my-store{
	position: fixed;
	bottom: -70upx;
	left: 328upx;
	z-index: 999;
	image{
		width: 96upx;
		height: 96upx;
	}
}
.ud-swiper{
	height: 1300upx !important;
}


/* #endif */

.box-demo{
	height: 800upx;
	background-clip: #faf2f5;
	
}

// 所有缺省页 start
.default-page{
	text-align: center;
	image{
		width: 324upx;
		height: 314upx;
		margin-top: 170upx;
	}
	view{
		font-size: 30upx;
		color: #999;
		text-align: center;
		line-height: 120upx;
	}
	.button{
		display: flex;
		button{
			width: 280upx;
			height: 90upx;
			line-height: 90upx;
			background-color: #ff557d;
			box-shadow: 0upx 8upx 18upx 0upx 
				rgba(255, 85, 125, 0.39);
			border-radius: 10upx;
			font-size: 36upx;
			color: #fff;
		}
		.bt1{
			background-color: $bg01;
			color: $bg02;
			border: 2upx solid $bg02;
		}
	}
	
}
// 所有缺省页 end





@font-face {
  font-family: 'iconfont';  /* project id 1496737 */
  src: url('https://at.alicdn.com/t/font_1496737_z7x09eo95i.eot');
  src: url('https://at.alicdn.com/t/font_1496737_z7x09eo95i.eot?#iefix') format('embedded-opentype'),
  url('https://at.alicdn.com/t/font_1496737_z7x09eo95i.woff2') format('woff2'),
  url('https://at.alicdn.com/t/font_1496737_z7x09eo95i.woff') format('woff'),
  url('https://at.alicdn.com/t/font_1496737_z7x09eo95i.ttf') format('truetype'),
  url('https://at.alicdn.com/t/font_1496737_z7x09eo95i.svg#iconfont') format('svg');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
